<%--
  Created by IntelliJ IDEA.
  User: GORDEN
  Date: 2021/3/26
  Time: 18:51
  To change this template use File | Settings | File Templates.
--%>
<%@ include file="../common/Top.jsp" %>

<!-- breadcrumb-section start -->
<nav class="breadcrumb-section theme1 breadcrumb-bg1">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb-title text-center my-20">
                    <h2 class="title text-dark text-capitalize">login</h2>
                </div>
            </div>
            <div class="col-12">
                <ol class="breadcrumb bg-transparent m-0 p-0 align-items-center justify-content-center">
                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        login page
                    </li>
                </ol>
            </div>
        </div>
    </div>
</nav>
<!-- breadcrumb-section end -->

<!-- product tab start -->
<div class="my-account pb-70">
    <div class="container grid-wraper">
        <div class="row">
            <div class="col-12">
                <h3 class="title text-capitalize pb-30"> Login to your account</h3>
                <form class="log-in-form" action="signon" method="post" id="loginForm">
                    <div class="form-group row">
                        <label for="staticEmail" class="col-md-3 col-form-label login-label">Username</label>
                        <div class="col-md-6">
                            <input type="text" class="form-control" id="staticEmail" name="username">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword" class="col-md-3 col-form-label login-label">Password</label>
                        <div class="col-md-6">
                            <div class="input-group mb-2 mr-sm-2">
                                <input type="password" class="form-control " id="inputPassword" name="password">
                                <div class="input-group-prepend">
                                    <button type="button" class="input-group-text  theme-btn--dark1 btn--md show-password">show</button>
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="form-group row pb-3 text-center">
                        <div class="col-md-6 offset-md-3">
                            <div class="login-form-links">
                                <a href="#" class="for-get">Forgot your password?</a>
                                <div class="sign-btn">
                                    <a class="btn theme-btn--dark1 btn--md tosiginin">Sign in</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row text-center mb-0">
                        <div class="col-12">
                            <div class="border-top">
                                <a href="newAccountForm" class="no-account">No account? Create one here</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- product tab end -->


<%--引入底部--%>
<%@include file="../common/Bottom.jsp" %>




<!--***********************
all js files
***********************-->

<!--******************************************************
jquery,modernizr ,poppe,bootstrap,plugins and main js
******************************************************-->

<!-- <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/plugins/jquery-ui.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins/plugins.js"></script>
<script src="assets/js/main.js"></script> -->

<!-- Use the minified version files listed below for better performance and remove the files listed above -->

<!--***************************
Minified  js
***************************-->

<!--***********************************
vendor,plugins and main js
***********************************-->

<script src="assets/js/vendor/vendor.min.js"></script>
<script src="assets/js/plugins/plugins.min.js"></script>
<script src="assets/js/main.js"></script>

<script>
    $(function () {
        $('.show-password').on('click', function () {
            if($('#inputPassword').attr('type') === 'password'){
                $('#inputPassword').attr('type', 'text');
            }
            else {
                $('#inputPassword').attr('type', 'password');
            }
        });

        $('.tosiginin').on('click', function () {
            $('#loginForm').submit();
            return false;
        });
    });
</script>

</body>

</html>
